<template>
  <div id="squre">
    <message-list :talkList="sList"></message-list>
  </div>
</template>

<script>
import MessageList from "./MessageList.vue";
export default {
  components: { MessageList },
  name: "Squre",
  data() {
    return {
      sList: [],
      page: 0,
      count: 30,
    }
  },
  created() {
    this.getSqureList()
  },
  methods: {
    async getSqureList() {
      let login_state = await this.$http.get("/auth/verify").catch((e) => {
        // 清除所有状态
        window.sessionStorage.clear()
        this.$store.commit("resetAll")
      })
      
      let squreData = await this.$http.get("/normal/getTalkList_squre",  {
        params: {
          page: this.page,
          count: this.count
        }
      })
      if(squreData.status == 200) {
        var arr = []
        this.page += 1
        this.sList = squreData.data
      } else {

      }
      

      
    }
  }
};
</script>

<style>
</style>